<include file="public/header"/>
<body>
<header>
<div class="tab_nav">
   <div class="header">
     <div class="h-left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"></a></div>
     <div class="h-mid">店铺活动</div>
     <div class="h-right">
       <aside class="top_bar">
         <div onClick="show_menu();$('#close_btn').addClass('hid');" id="show_more"><a href="javascript:;"></a> </div>
       </aside>
     </div>
   </div>
 </div>
</header>
<style>
.shopactive{padding:0;}
.tab_hd{border-bottom: 1px solid #ccc;}
.tab_hd ul{display: flex;}
.tab_hd ul li{flex:1;text-align: center;}
.tab_hd ul li a{margin:0 auto;display: inline-block;height: 40px;font-size:14px;}
.tab_hd ul li a.on{border-bottom:2px solid #ec3913;color:#ec3913;}
.action table {width:100%;margin-top:8px;color:#666;}
.action table tr{border-bottom: 1px solid #eee}
.action table tr td{text-align: center;}
.action table tr th{background: #eee;}

</style>
<div id="shopactive">
 <div class="tab_hd">
      <ul>
        <li><a href="javascript:void(0)" onclick="tabindex(1)" class="tab_head1 on">会员政策</a></li>
        <li><a href="javascript:void(0)" onclick="tabindex(2)" class="tab_head2">分销政策</a></li>
        <li><a href="javascript:void(0)" onclick="tabindex(3)" class="tab_head3">优惠促销</a></li>
        <li><a href="javascript:void(0)" onclick="tabindex(4)" class="tab_head4">订单促销</a></li>
      </ul>
  </div>
 
  <div class="action ajax_return">
      <table>
          <tr><th>会员等级</th><th>所需积分</th><th>享受折扣</th><th>积分倍数</th></tr>
      <volist name="shopactive" id="vo">
          <tr><td>{$vo.level_name}</td><td>{$vo.amount}</td><td>{$vo.discount|zhekshow=###}折</td><td>{$vo.multiple}倍</td></tr>
      </volist>
      </table>

  </div>
</div> 
</body>
<script>
function tabindex(num){
  $('.tab_hd li a').css({'border-bottom':0,'color':'inherit'})
  $('.tab_head'+num).css({'border-bottom':'2px solid #ec3913','color':'#ec3913'})
  $.ajax({
      type : "GET",
      url:"/index.php?m=Mobile&c=User&a=shopactive&num="+num,//+tab,
      success: function(data)
      {
          $(".ajax_return").html(data);
      }
    }); 
}
</script>
</html>